import React from 'react';
import {SafeAreaView, Text, View, ScrollView, Image} from 'react-native';
import {styles} from './constant';
export default function Profile() {
  return (
    <SafeAreaView style={{flex: 1}}>
      <View style={styles.header}>
        <Text style={styles.headerTitle}>交易中心</Text>
      </View>
      <ScrollView style={styles.bg}>
        <View style={styles.info}>
          <View style={styles.firstLine}>
            <Image
              style={styles.avatar}
              source={require('@/assets/image/transaction/avatar.png')}
            />
            <Text style={styles.title}>今日交易数据</Text>
          </View>
          <View style={styles.cardOne}>
            <View style={styles.line}>
              <Text style={styles.cardTitle}>交易数据</Text>
              <Image
                style={styles.vector}
                source={require('@/assets/image/transaction/plusCircle.png')}
              />
            </View>
            <View style={styles.hrOne}></View>
            <View style={styles.line2}>
              <View style={styles.item}>
                <Text style={styles.dData}>58</Text>
                <Text style={styles.desc}>今日交易额</Text>
              </View>
              <View style={styles.item}>
                <Text style={styles.dData}>58</Text>
                <Text style={styles.desc}>客户咨询</Text>
              </View>
              <View style={styles.item}>
                <Text style={styles.dData}>58</Text>
                <Text style={styles.desc}>今日订单数</Text>
              </View>
            </View>
            <View style={styles.hrTwo}></View>
            <View style={styles.line2}>
              <View style={styles.item}>
                <Text style={styles.dData}>58</Text>
                <Text style={styles.desc}>客单价</Text>
              </View>
              <View style={styles.item}></View>
              <View style={styles.item}></View>
            </View>
          </View>

          <View style={styles.cardTwo}>
            <View style={styles.line}>
              <Text style={styles.cardTitle}>工作台</Text>
            </View>
            <View style={styles.hrOne}></View>
          </View>
        </View>
      </ScrollView>
    </SafeAreaView>
  );
}
